<template>
		<view class="top">
			<image src="/static/img/common_ic_02.png"  ></image>
			<view class="name">深圳市</view>
			<!-- 搜索框 -->
			<view class="" @click="toPage(search_url)">
			<searcBox></searcBox>
			</view>
		</view>
</template>
<script>
	import searcBox from 'pages/outlets/components/search-box.vue'
	export default {
		components:{
			searcBox
		},
		data() {
			return {
				search_url: "/pages/outlets/search/index",
			};
		},
		props: {
			advise: {
				type: Array,
				default: []
			},
		},
		mounted() {
		},
		methods: {
				toPage(val) {
					uni.navigateTo({
						url: val
					})
				},
		}

	};
</script>

<style scoped lang="scss">
		//搜索
		.top {
			background-color: #fff;
			padding: 0 28rpx 16rpx 28rpx;
			display: flex;
			justify-content: flex-start;
			box-sizing: border-box;

			image {
				padding-top: 25rpx;
				padding-right: 12rpx;
				width: 48rpx;
				height: 48rpx;
			}

			.name {
				padding: 33rpx 0 0 0;
				font-size: 28rpx;
				// margin-left: 12rpx;
				line-height: 28rpx;
				color: #333;
				text-overflow: ellipsis;// 显示省略符号来代表被修剪的文本
				white-space: nowrap; //文本不会换行，文本会在在同一行上继续，直到遇到标签为止
				overflow: hidden;// 超出部分隐藏
				
			}
		}
</style>